<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>修改绑定邮箱-云信号</title>
    <link href="style/reset.css" rel="stylesheet" type="text/css" />
    <link href="style/style.css" rel="stylesheet" type="text/css" />
    <script src="js/jquery.min.js" type="text/javascript"></script>
    <script language=javascript>
        var pwdString = "";
        var num = 60;
        var time;
        //判断输入密码的类型
        function CharMode(iN) {
            if (iN >= 48 && iN <= 57) //数字
                return 1;
            if (iN >= 65 && iN <= 90) //大写
                return 2;
            if (iN >= 97 && iN <= 122) //小写
                return 4;
            else
                return 8;
        }
        //bitTotal函数
        //计算密码模式
        function bitTotal(num) {
            modes = 0;
            for (i = 0; i < 4; i++) {
                if (num & 1) modes++;
                num >>>= 1;
            }
            return modes;
        }
        //返回强度级别
        function checkStrong(sPW) {
            if (sPW.length < 6)
                return 0; //密码太短，不检测级别
            Modes = 0;
            for (i = 0; i < sPW.length; i++) {
                //密码模式
                Modes |= CharMode(sPW.charCodeAt(i));
            }
            return bitTotal(Modes);
        }

        //显示颜色
        function pwStrength(pwd) {
            if (pwd == null || pwd == '') {
                $('#strength_L').removeClass('hover');
                $('#strength_M').removeClass('hover');
                $('#strength_H').removeClass('hover');
                $('#password_error').addClass('no');
                $('#password_error').text('请输入密码');
            }
            else {
                pwdString = pwd;
                S_level = checkStrong(pwd);
                switch (S_level) {
                    case 0:
                        $('#strength_L').removeClass('hover');
                        $('#strength_M').removeClass('hover');
                        $('#strength_H').removeClass('hover');
                        $('#password_error').addClass('no');
                        $('#password_error').text('密码至少6位');
                        break;
                    case 1:
                        $('#strength_L').addClass('hover');
                        $('#strength_M').removeClass('hover');
                        $('#strength_H').removeClass('hover');
                        $('#password_error').addClass('yes');
                        $('#password_error').text('');
                        break;
                    case 2:
                        $('#strength_L').removeClass('hover');
                        $('#strength_M').addClass('hover');
                        $('#strength_H').removeClass('hover');
                        $('#password_error').addClass('yes');
                        $('#password_error').text('');
                        break;
                    default:
                        $('#strength_L').removeClass('hover');
                        $('#strength_M').removeClass('hover');
                        $('#strength_H').addClass('hover');
                        $('#password_error').addClass('yes');
                        $('#password_error').text('');
                }
            }
            return;
        }

        function userCheck(text) {
            if (text == null || text == "") {
                $('#username_error').addClass('no');
                $('#username_error').text('请输入正确的用户名');
            } else {
                $('#username_error').addClass('yes');
                $('#username_error').text('');
            }
        }
        function pwdCheck(text) {
            if (text == null || text == "") {
                $('#password_error1').addClass('no');
                $('#password_error1').text('请输入确认密码');
            } else {
                if (pwdString == text) {
                    $('#password_error1').removeClass('no');
                    $('#password_error1').addClass('yes');
                    $('#password_error1').text('');
                } else {
                    $('#password_error1').addClass('no');
                    $('#password_error1').text('两次密码不一致');
                }
            }
        }
        function phoneCheck(text) {
            if (text == null || text == "") {
                $('#phone_error').addClass('no');
                $('#phone_error').text('请输入正确邮箱格式');
            } else {
                $('#phone_error').addClass('yes');
                $('#phone_error').text('');
            }
        }
        function messageCheck(text) {
            if (text == null || text == "") {
                $('#message_error').addClass('no');
                $('#message_error').text('请输入短信验证码');
            } else {
                $('#message_error').addClass('yes');
                $('#message_error').text('');
            }
        }
        function codeCheck(text) {
            if (text == null || text == "") {
                $('#code_error').addClass('no');
                $('#code_error').text('请输入验证码');
            } else {
                $('#code_error').addClass('yes');
                $('#code_error').text('');
            }
        }
        function messageClick() {
            num = 60;
            $('#message-a').html('<span>60</span>秒后重新发送');
            $('#message-a').removeAttr('onclick');
            $('#message-a').attr('style', 'color:#666666;');
            time = setInterval('messageCountDown()', 1000);
        }

        function messageCountDown() {
            if (num == 0) {
                $('#message-a').removeAttr('style', '');
                $('#message-a').html('获取验证码');
                $('#message-a').attr('onclick', 'messageClick()');
                clearInterval(time);
            } else {
                num--;
                $('#message-a span').text(num);
            }
        }
    </script>
</head>
<body>




<!-- 头部开始 -->
<div class="header-top">
    <div class="container">
        <div class="header-top-menu">
            &nbsp;<a href="#">关于我们</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">新闻资讯</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;<a href="#">软件下载</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;<a href="faq.htm">常见问题</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;<a href="#">在线客服</a>
        </div>
        <div class="header-top-phone">
            400-000-8888
        </div>
        <div class="clear"></div>
    </div>
</div>
<div class="header-bottom">
    <div class="container">
        <div class="header-logo">
            <a href="index.htm">
                <img src="images/logo2.png" />
            </a>
        </div>
        <div class="header-title">
            修改绑定邮箱
        </div>
        <div class="clear"></div>
    </div>
</div>
<!-- 头部结束 -->

<!-- 内容开始 -->
<div class="register-page">
    <div class="register-page-step">
        <img src="images/register_step11.jpg" />
    </div>
    <table class="register-table">


        <tr>
            <td class="register-td-title">
                <span>*</span>&nbsp;邮箱账号：
            </td>
            <td class="register-td-input">
                <input type="text" onkeyup="phoneCheck(this.value)" onblur="phoneCheck(this.value)" placeholder="请输入邮箱账号" />
            </td>
            <td class="register-td-error">
                <div id="phone_error" class="register-td-error-page">
                </div>
            </td>
        </tr>


        <tr>
            <td class="register-td-title">
                <span>*</span>&nbsp;验证码：
            </td>
            <td class="register-td-input">
                <input class="register-td-message-input" type="text" onkeyup="codeCheck(this.value)" onblur="codeCheck(this.value)" placeholder="短信验证码" />
                <img src="images/code.png" style="margin-left:8px;" />
                &nbsp;看不清 <a href="#" style="color:#009df5;">换一张</a>
            </td>
            <td class="register-td-error">
                <div id="code_error" class="register-td-error-page">
                </div>
            </td>
        </tr>
        <tr>
            <td class="register-td-title">
            </td>
            <td class="register-td-input" style="text-align:center">
                <input type="checkbox" checked="checked" /> 我已阅读并同意<a href="#" style="color:#009df5;">《云信号服务协议》</a>
            </td>
            <td class="register-td-error">
            </td>
        </tr>
        <tr>
            <td class="register-td-title">
            </td>
            <td class="register-td-input">
                <input type="button" class="register-td-button" value="下一步" onclick="javascript:window.location.href='Mail_binding_success.htm'" />
            </td>
            <td class="register-td-error">
            </td>
        </tr>
    </table>
</div>
<!-- 内容结束 -->

<!-- 尾部开始 -->
<div class="footer">
    <div class="container">
        <div class="footer-menu">
            <ul>
                <span>关于我们</span>
                <li><a href="#">软件介绍</a></li>
                <li><a href="#">团队介绍</a></li>
                <li><a href="/ManagementEnd/index.html">联系我们</a></li>
            </ul>
            <ul>
                <span>帮助中心</span>
                <li><a href="faq.htm">常见问题</a></li>
                <li><a href="#">跟单操作</a></li>
                <li><a href="novice_guide.htm">新手指南</a></li>
            </ul>
            <ul>
                <span>安全保障</span>
                <li><a href="#">公司资讯</a></li>
                <li><a href="#">金融资讯</a></li>
                <li><a href="#">资金安全</a></li>
            </ul>
        </div>
        <div class="footer-wechat">
            <div class="footer-wechat1">
                <img src="images/app1.jpg" />
                <br />
                关注微信公众号
            </div>
            <div class="footer-wechat2">
                <img src="images/app2.jpg" />
                <br />
                进入总站
            </div>
        </div>
        <div class="footer-contact">
            <div class="footer-contact-title">
                客服热线
            </div>
            <div class="footer-contact-phone">
                400-000-8888
            </div>
            <div class="footer-contact-time">
                周一至周日 9:00-20:00
            </div>
            <a class="footer-contact-a" href="#">
                在线客服
            </a>
        </div>
        <div class="footer-contact-bottom">
            <div class="footer-contact-copyright">
                风险提示：外汇贵金属等产品属于高杠杆交易,存在较大风险,可能会导致亏损超过您存入的的资金 ,请理性投资。<br />
                IB8提供平台开户和申请代理等各种外汇服务，但不接触客户资金，不参与外汇平台经营和交易；<br />
                &copy; 2001-2015 IB8网版权所有 投资有风险，交易需谨慎
            </div>
            <div class="footer-contact-partner">
                <a href="#">
                    <img src="images/footer_icon1.png" />
                </a>
                <a href="#">
                    <img src="images/footer_icon2.png" />
                </a>
                <a href="#">
                    <img src="images/footer_icon3.png" />
                </a>
                <a href="#">
                    <img src="images/footer_icon4.png" />
                </a>
            </div>
        </div>
        <div class="clear"></div>
    </div>
</div>
<!-- 尾部结束 -->
</body>
</html>






</body>
</html>
